*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#000;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;transition:padding .3s ease}body.maximized-mode{padding:0;overflow:hidden}.container{width:100%;max-width:1200px}.video-wrapper{position:relative;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #00000080;transition:all .3s ease}.video-wrapper.maximized{position:fixed;inset:0;width:100vw!important;height:100vh!important;max-width:none;border-radius:0;z-index:9999}.video-player{width:100%;display:block;cursor:pointer}.controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px;opacity:0;transition:opacity .3s ease}.video-wrapper:hover .controls,.controls:hover{opacity:1}.progress-container{margin-bottom:15px}.progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative;margin-bottom:8px}.progress-filled{height:100%;background:#fff;border-radius:2px;width:0%;transition:width .1s linear;position:relative}.progress-filled:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.progress-bar:hover .progress-filled:after{opacity:1}.time-display{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3;font-variant-numeric:tabular-nums}.control-buttons{display:flex;align-items:center;gap:15px}.btn-control{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s;opacity:.9}.btn-control:hover{transform:scale(1.1);opacity:1}.btn-control:active{transform:scale(.95)}.volume-control{display:flex;align-items:center;gap:10px;margin-left:auto}.volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}.video-info{margin-top:30px;padding:25px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.video-title{font-size:24px;font-weight:600;margin-bottom:15px;letter-spacing:-.5px}.video-url{font-size:14px;line-height:1.6;color:#ffffffb3}.label{display:inline-block;margin-bottom:8px;font-weight:500;color:#ffffffe6}.video-url a{color:#4a9eff;text-decoration:none;word-break:break-all;transition:color .2s}.video-url a:hover{color:#6bb3ff;text-decoration:underline}@media(max-width:768px){body{padding:10px}.controls{padding:15px}.control-buttons{gap:10px}.volume-slider{width:60px}.video-title{font-size:20px}.video-info{padding:20px}}@media(max-width:480px){.volume-control{display:none}.time-display{font-size:11px}}